<template>
  <view class="page">
    <view class="navbar">
    </view>
  </view>

</template>

<script>
  export default {
    data() {
      return {
        
      }
    },
    methods: {
      
    }
  }
</script>

<style>
  .page {
    width: 100%;
    height: 100%;
  }
.navbar {
  /* 固定导航栏高度（根据设计稿调整，确保足够显示背景图） */
  height: 663px;
  width: 663px;
  left: -230px;
  top: 190.96px;
  transform: rotate(19.24deg);
  opacity: 0.7;
  overflow: hidden;
  position: absolute;
  /* 背景图核心设置 */
  background-image: url('/static/top-bg.png'); /* 正确路径 */
  background-repeat: no-repeat;
  background-position: center center; /* 先尝试居中显示 */
  /* 或根据需要固定尺寸 */
  /* background-size: 750rpx 160rpx; */ /* 假设设计稿宽度是750rpx */
  z-index: 10;
}
	
</style>
